<%@ page import="com.jy.dao.UserDao" %>
<%@ page import="com.jy.dao.impl.UserDaoImpl" %>
<%@ page import="com.jy.entity.Classes" %>
<%@ page import="com.jy.entity.Teacher" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page isELIgnored="false" %>
<html>
<head>
    <title>我的班级</title>
</head>
<body id="body" align="center">
<h2 id="a">我的班级</h2>
<style>
    /*边框*/
    #mytable{
        border: 3px solid red;
        border-radius: 0px;
        border: 6px solid transparent;
        padding: 0px;
        border-image: url("../images/honor01.png") 20 stretch;
    }



    #a{
        text-shadow: 2px 2px 5px red;
    }
    #body{
        background-image: url("../images/background.5f3d18b4.png");
        width: 100%;
        height: 100%;
    }
    #ta{
        padding: 25px;
    }
    #a1{
        height: 30px;
        width: 150px;
    }
    #a2{
        height: 30px;
        width: 150px;
    }
    #a3{
        height: 30px;
        width: 150px;
    }
    #a4{
        height: 30px;
        width: 150px;
    }
    #a5{
        height: 30px;
        width: 150px;
    }
    /*设置下拉按钮*/
    .dropbtn {
        background-color: #4CAF50;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
    }
    .dropdown {
        position: relative;
        display: inline-block;
    }
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
    }
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    .dropdown-content a:hover {background-color: #f1f1f1}
    .dropdown:hover .dropdown-content {
        display: block;
    }
    .dropdown:hover .dropbtn {
        background-color: #3e8e41;
    }
    .dropbtn{
        text-shadow: 2px 2px 5px red;
    }
    .solid{
        border-style: solid;
    }
    /*.eyes{
            perspective: 1000px;
        }*/
    .box{
        /*设置3D效果*/
        transform-style: preserve-3d;
        /*盒子的大小*/
        width: 150px;
        height: 150px;
        /*background: url(img/u=2876088324,162444881&fm=26&gp=0.jpg)no-repeat;*/

        /*设置盒子的位置，便于观察*/
        margin: 100px auto;
        /*复合方式设置动画 三者分别为：动画名 执行一次时间 执行方式*/
        animation: zhuan 10s ease;
        /*令动画无限执行下去*/
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }
    .box div{
        width: 150px;
        height: 150px;
        opacity: 1;
        /*设置过渡*/
        transition: all 2s ease 0s;
        position: absolute;
    }
    /*调整位置，制作成一个六边形*/
    .box .div1{
        /* background: green;*/
        transform: translateZ(75px);
    }
    .box .div2{
        /*background: green;*/
        transform: translateZ(-75px);
    }
    .box .div3{
        /* background: green;*/
        transform: rotateX(90deg) translateZ(75px);
    }
    .box .div4{
        /*background: green;*/
        transform: rotateX(270deg) translateZ(75px);
    }
    .box .div5{
        /*  background: green;*/
        transform: rotateY(-90deg) translateZ(75px);
    }
    .box .div6{
        /* background: green;*/
        transform: rotateY(90deg) translateZ(75px);
    }
    /*添加3D旋转效果 让其绕X、Y轴同时旋转90度*/
    @keyframes zhuan{
        from{
            transform: rotateX(0deg) rotateZ(0deg) rotateY(0deg);
        }
        to{
            transform: rotateX(720deg) rotateZ(720deg) rotateY(720deg);
        }
    }
    /*给正方体添加一个hover效果*/
    .box:hover .div1{
        transform: translateZ(150px);
    }
    .box:hover .div2{
        transform: translateZ(-150px);
    }
    .box:hover .div3{
        transform: rotateX(90deg) translateZ(200px);
    }
    .box:hover .div4{
        transform: rotateX(270deg) translateZ(200px);
    }
    .box:hover .div5{
        transform: rotateY(-90deg) translateZ(200px);
    }
    .box:hover .div6{
        transform: rotateY(90deg) translateZ(200px)
    }
    th {
        background-color: #4CAF50;
        color: white;
    }
    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    a:active {
        text-decoration: underline;
    }
</style>
<table class="list"  cellpadding="1px" id="mytable" align="center">
    <tr id="ta">
        <%
            UserDao user=new UserDaoImpl();
            Object bzr=request.getSession().getAttribute("bzr");
            System.out.println(bzr);
            Object java=request.getSession().getAttribute("java");
            System.out.println(java);
            Object class1=request.getSession().getAttribute("class");
            System.out.println(class1);
            Object cname=request.getSession().getAttribute("cname");
            System.out.println(cname);
            Object time=request.getSession().getAttribute("classtime");
            System.out.println(time);
            Teacher tea1=user.getteacher("select *from teacher where teacherId=?",bzr);
            Teacher tea2=user.getteacher("select *from teacher where teacherId=?",java);
        %>
        <th id="a1" class="solid" colspan="4"><%=class1%><%=cname%></th>

        <th class="solid">班主任:<%=tea1.getTname()%> 专业老师:<%=tea2.getTname()%>班级开创时间:<%=time%></th>
    </tr>
    <tr id="tb">
        <th id="a2" class="solid">姓名</th>
        <th id="a3" class="solid">电话</th>
        <th id="a4" class="solid">性别</th>
        <th id="a5" class="solid">微信</th>
    </tr>

    <c:forEach items="${list}" var="n">
        <tr id="tb">
            <td class="solid">${n.stname}</td>
            <td class="solid">${n.stphone}</td>
            <td class="solid">${n.stsex}</td>
            <td class="solid">${n.stwx}</td>
        </tr>

    </c:forEach>
</table>
<a href="/examproject/nologin/index.jsp" style="width: 200px; height: 100px; font-size: 35px;">返回首页</a>
</select>
<div class="eyes">
    <div class="box">
        <div class="div1"><img src="../images/index06.png" width="100%" height="100%"></div>
        <div class="div2"><img src="../images/index01.png" width="100%" height="100%"></div>
        <div class="div3"><img src="../images/index02.png" width="100%" height="100%"></div>
        <div class="div4"><img src="../images/index03.png" width="100%" height="100%"></div>
        <div class="div5"><img src="../images/index04.png" width="100%" height="100%" ></div>
        <div class="div6"><img src="../images/index05.png" width="100%" height="100%" ></div>
    </div>
</div>

</body>
</html>
